圖片縮放效果 補

圖片定位不動，滑鼠hover過去放大

圖片定位不動，滑鼠滾輪在圖片上zoom in zoom out

頁面滾輪往下滑，圖片變大

範例

圖片定位不動，滑鼠hover過去放大

<div class="img-container">
    <img src="https://xxx.jpg" />
</div>

.img-container { //照片容器定寬高
    width:200px; height:200px;
    overflow:hidden;
}
.img-container img {  //照片scale 大小、轉場設定
    transform:scale(1,1);
    transition: all 1s ease-out;
}
.img-container img:hover { //照片hover時的scale 大小
transform:scale(1.2,1.2);
}

頁面滾輪往下滑，圖片變大